<template>
    <div style="
    width: 343px;
    height: 182px;
    background: white;
    margin-left: 5px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    ">

        <div style="
        width:70px;
        height: 70px;
        text-align: center;
        overflow: hidden;
        ">
            <div style="
            width:32px;
            height: 32px;
            background:rgba(186, 224, 255, 1);
            margin: auto;
            border-radius: 6px;
            margin-top: 5px;
            " @click="menzhenbaogao"></div>
            <p style="
            font-size: 14px;
            margin-top: 5px;
            ">门诊报告</p>
        </div>
        <div style="
        width:70px;
        height: 70px;
        text-align: center;
        overflow: hidden;
        ">
            <div style="
            width:32px;
            height: 32px;
            background:rgba(186, 224, 255, 1);
            margin: auto;
            border-radius: 6px;
            margin-top: 5px;
            " @click="houzhenbaogao"></div>
            <p style="
            font-size: 14px;
            margin-top: 5px;
            ">候诊查询</p>
        </div>
        <div style="
        width:70px;
        height: 70px;
        text-align: center;
        overflow: hidden;
        ">
            <div style="
            width:32px;
            height: 32px;
            background:rgba(186, 224, 255, 1);
            margin: auto;
            border-radius: 6px;
            margin-top: 5px;
            "></div>
            <p style="
            font-size: 14px;
            margin-top: 5px;
            ">自助开单</p>
        </div>
        <div style="
        width:70px;
        height: 70px;
        text-align: center;
        overflow: hidden;
        ">
            <div style="
            width:32px;
            height: 32px;
            background:rgba(186, 224, 255, 1);
            margin: auto;
            border-radius: 6px;
            margin-top: 5px;
            " @click="yijiyuyeue"></div>
            <p style="
            font-size: 14px;
            margin-top: 5px;
            ">医技预约</p>
        </div>
        <div style="
        width:70px;
        height: 70px;
        text-align: center;
        overflow: hidden;
        ">
            <div style="
            width:32px;
            height: 32px;
            background:rgba(186, 224, 255, 1);
            margin: auto;
            border-radius: 6px;
            margin-top: 5px;
            "></div>
            <p style="
            font-size: 14px;
            margin-top: 5px;
            ">我的复诊</p>
        </div>
        <div style="
        width:70px;
        height: 70px;
        text-align: center;
        overflow: hidden;
        ">
            <div style="
            width:32px;
            height: 32px;
            background:rgba(186, 224, 255, 1);
            margin: auto;
            border-radius: 6px;
            margin-top: 5px;
            " @click="ZiDongQuHao111"></div>
            <p style="
            font-size: 14px;
            margin-top: 5px;
            ">自助取号</p>
        </div>
        <div style="
        width:70px;
        height: 70px;
        text-align: center;
        overflow: hidden;
        ">
            <div style="
            width:32px;
            height: 32px;
            background:rgba(186, 224, 255, 1);
            margin: auto;
            border-radius: 6px;
            margin-top: 5px;
            " @click="MenZhenDaoZhenDan"></div>
            <p style="
            font-size: 14px;
            margin-top: 5px;
            ">门诊导诊单</p>
        </div>
        <div style="
        width:70px;
        height: 70px;
        text-align: center;
        overflow: hidden;
        ">
            <div style="
            width:32px;
            height: 32px;
            background:rgba(186, 224, 255, 1);
            margin: auto;
            border-radius: 6px;
            margin-top: 5px;
            " @click="reg"></div>
            <p style="
            font-size: 14px;
            margin-top: 5px;
            ">电子票据</p>
        </div>



    </div>
</template>

<script setup lang="ts">
import { ref, reactive } from 'vue'
import { useRouter } from 'vue-router'

const router = useRouter()

const menzhenbaogao = () => {
    router.push("/MenZhenBaoGao")
}
const houzhenbaogao = () => {
    router.push("/HouZhenChaXun")
}
const reg = () => {
    router.push("/DianZiPiaoJu")
}
const MenZhenDaoZhenDan = () => {
    router.push("/MenZhenDaoZhenDan")
}
const ZiDongQuHao111 = () => {
    router.push("/ZiDongQuHao")
}
const yijiyuyeue = () => {
    router.push("/YiJiYuYue")
}




</script>

<style scoped></style>